.content {
	width: 80rem;
}

.content ul {
	/* display: flex; */
	column-count: 4;
	column-gap: 1em;
}

.content ul li {
	margin: 1rem 1rem;
	width: 18rem;
	max-height: 40rem;
	overflow: hidden;
	background: #F2E9EC;
	box-shadow: 5px 5px 5px #888888;
	padding: 1rem 2rem;
	cursor: pointer;
	transition: all 0.3s;
}

.content ul li:hover {
	box-shadow: 5px 5px 10px #888888;
}

.content ul li p {
	border-top: 1px solid gainsboro;
	text-align: start;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 15;
	overflow: hidden;
}

section {
	margin-bottom: 5rem;
}


section a {
	color: #000000;
	font-size: 1.5rem;
	line-height: 3rem;
	transition: all 0.3s;
}

section .page {
	display: flex;
	width: 30rem;
}

section .page a {
	border: 1px solid royalblue;
	display: block;
	padding: 0 1.2rem;
	vertical-align: middle;
}

section .page a:hover {
	color: #FFFFFF;
	background: #5273d7;
}